import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import ul from './components/ul_router.vue'
import contacts from './components/contacts.vue'
import about from './components/about.vue'
import all from './components/child/all.vue'
import alice from './components/child/alice.vue'
import bob from './components/child/bob.vue'
import blog from './components/child/childs/blog.vue'
import fax from './components/child/childs/fax.vue'
const routes = [
  { path: '/', redirect: "/ul" },
  { path: '/ul', component: ul },
  {
    path: '/contacts', component: contacts,
    children: [
      { path: 'all', component: all },
      { path: 'alice', component: alice },
      {
        path: 'bob', component: bob,
        children: [
          { path: 'blog', component: blog },
          { path: 'fax', component: fax }
        ]
      }
    ]
  },
  { path: '/about', component: about }
]
Vue.use(VueRouter)
Vue.config.productionTip = false
const router = new VueRouter({
  routes
})
new Vue({
  router,
  render: h => h(App),
}).$mount('#app')
